<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--图片和页面在同级目录  alt:图片不能正常显示时显示的文本-->
<img src="aa.jpg" alt="iu美照">
<!--图片在页面的上级目录  title:鼠标在图片上悬停时显示的内容-->
<img src="../b.jpg" title="是IU啊">
<!--图片在页面的下级目录 设置大小 可以像素为单位，也可以百分比为单位-->
<img src="abc/c.jpg" width="300" height="520">
<img src="../b.jpg" width="30%">
<!--访问站外资源，图片盗链-->
<img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.LhkUVyKS3k2Q5UXbgPDwrQHaNV?w=186&h=335&c=7&r=0&o=5&pid=1.7">
</body>
</html>